<style>
	caption{
		text-align: right;
	}
	table .btn{
		width: auto;
	}
	.xiajia{
		color: #EE5F5B;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2" ng-include="'template/common/header.html'">
			
		</div>
		<div class="span10">
			<div class="breadcrumb" ng-include="'template/common/top.html'">
				
			</div>
			<div class="content">
				<div class="msgNotice">
					<div class="breadcrumb">
						消息中心
					</div>
					<div>
						<table class="table">
							<caption>
								<button class='btn addBtn' ng-click="show()">新增</button>
								<div class="modal addBtntwo" style="display: none;">
									<div class="modal-header">
										<button class="close" ng-click="cancel()">&times;</button>
										<h3>公告编辑</h3>
									</div>
									<div class="modal-body">
										
											<table class="table">
												<tr>
													<td>标题</td>
													<td>
														<input type="text" />
													</td>
													
												</tr>
												<tr>
													<td>内容</td>
													<td>
														<textarea name="" rows="" cols=""></textarea>
														<div class="photo"></div>
													</td>
												</tr>
												<tr>
													<td>展示排名</td>
													<td>
														<input type="text" />
													</td>
												</tr>
												<tr>
													<td>生效时间</td>
													<td>
														<input type="text" />- <input type="text" />
													</td>
												</tr>
											</table>
											<div class="sure">
												<button class="btn btn-success">提交</button>
											</div>
										
										 
									</div>
								</div>
								<button class="btn">修改</button>
								<a href="" ng-click="show()" class="btn xia">下架</a>
											<div class="modal xiaj" style="display: none;">
												<div class="modal-header">
													<button class="close" ng-click="cancel()">&times;</button>
													<div class="modal-body">
														<p class="jiefengSe">是否下架</p>
													</div>
													<div class="modal-footer">
														<button>是</button>
														<button>否</button>
													</div>
												</div>
											</div>
								<button class='btn del' ng-click="show()">删除</button>
								<div class="modal cancel" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()">&times;</button>
											<div class="modal-body">
												<p class="jiefengSe">是否删除</p>
											</div>
											<div class="modal-footer">
												<button>是</button>
												<button>否</button>
											</div>
										</div>
									</div>
							</caption>
							<thead>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										排序
									</td>
									<td>
										标题
									</td>
									<td>
										内容
									</td>
									<td>
										有效时间
									</td>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										1
									</td>
									<td>
										AAAAA
									</td>
									<td>
											aaa
									</td>
									<td>
										<span>2017-01-01</span>至<span>2017-01-01</span>
									</td>
								</tr>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										1
									</td>
									<td>
										AAAAA
									</td>
									<td>
											aaa
									</td>
									<td>
										<span>2017-01-01</span>至<span>2017-01-01</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="breadcrumb">
						主界面滚动条
					</div>
					<div>
						<table class="table">
							<caption>
								<button class='btn addBtn' ng-click="show()">新增</button>
								<div class="modal addBtntwo" style="display: none;">
									<div class="modal-header">
										<button class="close" ng-click="cancel()">&times;</button>
										<h3>公告编辑</h3>
									</div>
									<div class="modal-body">
										
											<table class="table">
												<tr>
													<td>标题</td>
													<td>
														<input type="text" />
													</td>
													
												</tr>
												<tr>
													<td>内容</td>
													<td>
														<textarea name="" rows="" cols=""></textarea>
														<div class="photo"></div>
													</td>
												</tr>
												<tr>
													<td>展示排名</td>
													<td>
														<input type="text" />
													</td>
												</tr>
												<tr>
													<td>生效时间</td>
													<td>
														<input type="text" />- <input type="text" />
													</td>
												</tr>
											</table>
											<div class="sure">
												<button class="btn btn-success">提交</button>
											</div>
										
										 
									</div>
								</div>
								<button class="btn">修改</button>
								<a href="" ng-click="show()" class="btn xia">下架</a>
											<div class="modal xiaj" style="display: none;">
												<div class="modal-header">
													<button class="close" ng-click="cancel()">&times;</button>
													<div class="modal-body">
														<p class="jiefengSe">是否下架</p>
													</div>
													<div class="modal-footer">
														<button>是</button>
														<button>否</button>
													</div>
												</div>
											</div>
								<button class='btn del' ng-click="show()">删除</button>
								<div class="modal cancel" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()">&times;</button>
											<div class="modal-body">
												<p class="jiefengSe">是否删除</p>
											</div>
											<div class="modal-footer">
												<button>是</button>
												<button>否</button>
											</div>
										</div>
									</div>
							</caption>
							<thead>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										排序
									</td>
									<td>
										状态
									</td>
									<td>
										标题
									</td>
									<td>
										内容
									</td>
									<td>
										有效时间
									</td>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										1
									</td>
									<td>
										上架
									</td>
									<td>
										AAAAA
									</td>
									<td>
											aaa
									</td>
									<td>
										<span>2017-01-01</span>至<span>2017-01-01</span>
									</td>
								</tr>
								<tr>
									<td>
										<input type="checkbox" />
									</td>
									<td>
										1
									</td>
									<td class="xiajia"> 
										下架
									</td>
									<td>
										AAAAA
									</td>
									<td>
											aaa
									</td>
									<td>
										<span>2017-01-01</span>至<span>2017-01-01</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			
		</div>
	</div>
